<table class="head">
  <tr class="tr1">
    <th colspan="3"></th>
    <td></td>
    <td style="width: 370px"></td>
    <td style="width: 200px;text-align:center;"><img src="assets/image/title.jpg" width="142px" height="41px"/>
      <img src="assets/image/logo.jpg" width="40px" height="40px">
    </td>
    <td style="width: 550px;text-align:right;">
    </td>
    <td style="width: 100px;text-align:center;"><nav>
      <button  class="button"  (click)="nologin()" routerLink="/login" ><a>注销</a></button>
    </nav></td>
  </tr>
  <tr class="tr2">
    <th class="list" style="width: 150px;"><a routerLink="/checktable">考勤登记表</a> </th>
    <th> > </th>
    <th class="list" style="width: 150px">查看申请记录</th>
    <td colspan="3"></td>
    <td style="width: 100px;text-align:right;"></td>
    <td style="width: 100px"><button (click)="showList()" class="list">菜单</button></td>
  </tr>
</table>
  <ul id="sub_menu" style="display: none;float: right">
    <table class="sub_menu" width="150px" height="200px"  style=" text-align:center;">
      <tr>
        <td><a routerLink="/newLeave">填写出差申请</a></td>
      </tr>
      <tr>
        <td><a routerLink="/newVacation">填写请假申请</a></td>
      </tr>
      <tr>
        <td><a routerLink="/leaveConfirm">审批出差申请</a></td>
      </tr>
      <tr>
        <td><a routerLink="/vacationConfirm">审批请假申请</a></td>
      </tr>
      <tr>
        <td><a routerLink="/records">查看申请记录</a></td>
      </tr>
    </table>
  </ul>
<div id="home" >
  <!-- 待审批的请假记录表格 -->
  <div style="margin-left:12%;"><h3>待审批的请假申请记录</h3></div>
  <table id="vacations" class="showtable" align="center" border="1">
    <tr><td width="100">请假单号</td><td width="100">姓名</td><td width="100">部门</td><td width="100">开始时间</td><td width="100">结束时间</td><td width="100">请假时间</td><td width="100">请假类别</td><td width="100">事由</td><td width="100">状态</td></tr>
  </table>

  <div style="margin-left:12%;"><h3>已通过的请假申请记录</h3></div>
  <table id="acvacations" class="showtable" align="center" border="1">
    <tr><td width="100">请假单号</td><td width="100">姓名</td><td width="100">部门</td><td width="100">开始时间</td><td width="100">结束时间</td><td width="100">请假时间</td><td width="100">请假类别</td><td width="100">事由</td><td width="100">状态</td></tr>
  </table>
  <div style="margin-left:12%;"><h3>已拒绝的请假申请记录</h3></div>
  <table id="novacations" class="showtable" align="center" border="1">
    <tr><td width="100">请假单号</td><td width="100">姓名</td><td width="100">部门</td><td width="100">开始时间</td><td width="100">结束时间</td><td width="100">请假时间</td><td width="100">请假类别</td><td width="100">事由</td><td width="100">状态</td></tr>
  </table>
  <div style="margin-left:12%;"><h3>待审批的外出申请记录</h3></div>
  <table id="leaves" class="showtable" align="center" border="1">
    <tr><td width="100">外出申请单号</td><td width="100">姓名</td><td width="100">部门</td><td width="100">开始时间</td><td width="100">结束时间</td><td width="100">请假时间</td><td width="100">事由</td><td width="100">状态</td></tr>
  </table>
  <div style="margin-left:12%;"><h3>已通过的外出申请记录</h3></div>
  <table id="acleaves" class="showtable" align="center" border="1">
    <tr><td width="100">外出申请单号</td><td width="100">姓名</td><td width="100">部门</td><td width="100">开始时间</td><td width="100">结束时间</td><td width="100">请假时间</td><td width="100">事由</td><td width="100">状态</td></tr>
  </table>
  <div style="margin-left:12%;"><h3>已拒绝的外出申请记录</h3></div>
  <table id="noleaves" class="showtable" align="center" border="1">
    <tr><td width="100">外出申请单号</td><td width="100">姓名</td><td width="100">部门</td><td width="100">开始时间</td><td width="100">结束时间</td><td width="100">请假时间</td><td width="100">事由</td><td width="100">状态</td></tr>
  </table>


  <br>
  <a routerLink="/checktable"><button class="goback">返回</button></a>
</div>
<br><br><br><br>
<br><br>
